import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
  selector: 'app-card',
  templateUrl: './checked.component.html',
  styles: [
    `
      .ui-card {
        width: 530px;
      }
      .ui-card p {
        word-break: break-all;
        font-size: 12px;
        line-height: 18px;
      }
      .ui-card:hover .ui-card-check-content{
        display: block;
      }
      .ui-card-check-content.ui-card-checked-content {
        display: block;
      }
      .ui-card-check-content {
        display:none;
        width: 100%;
      }
      .ui-card-check-content .lv-checkbase.lv-checkbase-no-label {
        position: relative;
        top: 3px;
      }
      .ui-button {
        min-width: auto;
      }
    `,
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CheckedComponent {
  cardData = ['Card1', 'Card2', 'Card3', 'Card4', 'Card5', 'Card6'];
  selected = ['Card1'];

  change(val) {
    this.selected = val;
    console.log(`已选择： ${val}`);
  }
}
